<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.logoImg{float: left;}
			#searchDiv{border: 1px black solid; width: 80%; margin: 10px auto;height: 300px;}
			#searchDiv img{margin: 15px;}
			.ewmDiv{float: right;text-align: center;}
			.ewmDiv span{color: grey;font-size: 12px;}
			.contentDiv{float: left;display: inline-block;text-align: left;margin-left: 50px;}
			form,p{margin: 5px;}
			p{font-size: 12px;color: grey;}
			p a{margin: 0 5px;}
			input{float: left;}
			input[type=submit]{border: none;background: black;color: white;padding: 5px 15px;}
			input[type=search]{border-top: 5px solid black;
			                    border-left: 3px solid black;
								border-bottom: 2px solid black;
								border-right: none;
								height: 29px;width: 300px;}
			p{float: left;width: 300px;}
			.buttonDiv{display: inline-block;padding: 5px 15px;}
			.buttonDiv button{float: left;font-size: 12px;background: white;border: 1px gainsboro solid;padding: 5px 15px;}
		</style>
	</head>
	<body>
		<div id="searchDiv">
			<!-- 左侧logo -->
			<img class="logoImg" src="./images/huaweiLogo.png"/>
			
			<!-- 搜索表单 -->
			<div class="contentDiv">
				<form action="#" method="get">
					<input type="search"/>
					<input type="submit" value="搜索"/>
				</form>
				<p>热门搜索：<a>5A</a><a>5B</a><a>5C</a></p>
			</div>
			
			<div class="buttonDiv">
				<button>我的商城</button>
				<button>我的购物车</button>
			</div>

			<!-- 右侧二维码 -->
			<div class="ewmDiv">
			   <img src="./images/qrcode_vmall_wechat01.jpg" /><br>
			   <span>微信关注我们</span>	
			</div>
		</div>
	</body>
</html>
